a#link-btn {
  margin: 0px 10px 0px -1px;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 50px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.el-upload.el-upload--text {
  margin: -80px 100px 100px 8px;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
i.el-icon-camera-solid {
  margin: 0 90px -32px 98px;
}

.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
.SK-user-center-basic-info-container {
  font-size: 12px;
  background: #282931;
  padding: 50px 110px 40px 100px;
}
.SK-user-center-basic-info-container .top-info {
  height: 100px;
  margin-bottom: 37px;
}
.SK-user-center-basic-info-container .top-info:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.SK-user-center-basic-info-container .top-info .left-photo {
  float: left;
  position: relative;
}
.SK-user-center-basic-info-container .top-info .left-photo img {
  width: 100px;
  height: 100px;
  border-radius: 50% 50% 50% 50%;
}
.SK-user-center-basic-info-container
  .top-info
  .left-photo
  .simple-uploader-container {
  position: absolute;
  right: -5px;
  top: 70px;
  width: 30px;
  height: 30px;
}
.SK-user-center-basic-info-container .top-info .left-photo i {
  color: #ffffff;
  font-size: 14px;
  background: #000;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50% 50% 50% 50%;
  cursor: pointer;
}
.SK-user-center-basic-info-container .top-info .SK-form-block {
  float: left;
  margin: 10px 0 0 40px;
}
.SK-user-center-basic-info-container .top-info .SK-form-block p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.7);
  margin-bottom: 10px;
}
.SK-user-center-basic-info-container .top-info .SK-form-block textarea {
  width: 670px;
  height: 60px;
}
.SK-user-center-basic-info-container
  .top-info
  .SK-form-textarea-block
  .SK-form-hint {
  float: none;
  color: rgba(255, 255, 255, 0.7);
}
.SK-user-center-basic-info-container .SK-form-block {
  height: 30px;
}
.SK-user-center-basic-info-container .SK-form-block .SK-label-name {
  width: 135px;
}
.SK-user-center-basic-info-container .SK-form-block .SK-form-control {
  margin-left: 40px;
}
.SK-user-center-basic-info-container .SK-form-block .nickname-hint {
  width: 100%;
  float: left;
  color: rgba(255, 255, 255, 0.3);
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  margin: 15px 0 0 140px;
}
.SK-user-center-basic-info-container .SK-form-block #link-btn {
  font-size: 12px;
  padding: 0 10px;
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: 2px 2px 2px 2px;
}
.SK-user-center-basic-info-container
  .SK-form-block
  .SK-year-month-day-select-container
  select
  + select {
  margin-left: 15px;
}

.SK-user-center-basic-info-container .btn-wrap {
  margin-top: 190px;
}
.SK-user-center-basic-info-container .btn-wrap:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.SK-user-center-basic-info-container .btn-wrap .submit {
  border: none;
  text-align: center;
  box-sizing: border-box;
  padding: 3px 10px;
  font-size: 12px;
  background: #ff6900;
  color: #ffffff;
  cursor: pointer;
  outline: none;
  border-radius: 2px 2px 2px 2px;
  font-size: 18px;
  padding: 7px 25px;
  border-radius: 2px 2px 2px 2px;
  float: right;
}